<template>
	<view class="">
		<view class="bg-white">
			<cu-custom bgColor="bg-gradual-write" :isBack="true">
				<block slot="backText"></block>
				<block slot="content">团购兑换</block>
			</cu-custom>
		</view>
		<view class="bg-white radius-lg" style="min-height: 100vh;">
			<view class="bg-white" style="min-height: 10vh;"></view>	
			<view class="flex justify-center padding-top-lg padding-lr">
				<!-- 标题 -->
				<view class="text-xxl text-black">自助团购兑换</view>
			</view>
			<view class="bg-white" style="min-height: 10vh;"></view>
			<view class="padding-bottom-xl padding-top padding-lr">
				<view class="flex justify-center margin-sm">
					<view class="bg-gray flex justify-between align-center radius-lg padding-lr-lg"
						style="position: relative; width: 80%; height: 90rpx;line-height: 90rpx;">
						<input type="text" name="code" placeholder="请输入券码" v-model="code" />
						<view class="scan" @tap="scanCode()">
							<uni-icons custom-prefix="cuIcon" type="cuIcon-scan" size="30"></uni-icons>
						</view>
					</view>
				</view>
				<view class="flex justify-center margin-sm">
					<button class="cu-btn xxl bg-orange round text-xxl" style="width: 80%;height: 90rpx;line-height: 90rpx;"
						@tap="duihuan()">兑换</button>
				</view>
			</view>
			<view class="bg-white" style="min-height: 35vh;"></view>
		</view>
	</view>
</template>
<script src="./index.js">
</script>
<style scoped lang="scss">
	.scan {
		position: absolute;
		right: 22rpx;
		top: 22rpx;
		height: 50rpx;
		line-height: 50rpx;
	}
</style>